<template>
  <div class="wallet-list">
    <el-table :data="tableData" style="width: 100%" border>
      <el-table-column label="ID" type="index"> </el-table-column>
      <el-table-column prop="name" label="姓名"> </el-table-column>
      <el-table-column prop="phone" label="手机"> </el-table-column>
      <el-table-column prop="province" label="代理区域"> </el-table-column>
      <el-table-column prop="manaBounus" label="管理津贴"> </el-table-column>
      <el-table-column prop="soldBounus" label="体现金额"> </el-table-column>
      <el-table-column prop="allcount" label="总金额"> </el-table-column>
      <el-table-column label="操作" width="250px">
        <template slot-scope="scope">
          <el-button size="mini" @click="handleEdit(scope.$index, scope.row)"
            >钱包明细</el-button
          >
          <el-button
            size="mini"
            disabled
            @click="handleDelete(scope.$index, scope.row)"
            >财务打款</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
import vue from "vue";
import { Button, Table, TableColumn } from "element-ui";
vue.use(Button);
vue.use(Table);
vue.use(TableColumn);
import { getAgentSum } from "../../network/4-finance/walletList";

export default {
  data() {
    return {
      tableData: [],
    };
  },
  created() {
    getAgentSum().then((res) => {
      this.tableData = res.data.res;
      console.log(this.tableData);
    });
  },
};
</script>
<style scoped>
.order-list {
  width: 100%;
}
.el-table {
  line-height: 0;
  text-align: center;
  font-size: 12px;
}
</style>